<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>百度首页</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        #box{
            margin: 0 50px;
        }
        #logo{
            margin-bottom: 50px;
        }
        ul{
            list-style: none;
            margin-left: 100px;
        }
        ul li{
            line-height: 45px;
            position: relative;
        }
        ul li span{
            position: absolute;
            left: -70px;
            
        }
        button{
            /* background-image: url(./img/button.jpg); */
            width: 109px;
            height: 34px;
            border: 0;
            margin-top: 10px; 
        }
        .reset{
            position: relative;
            top: -11px;
            margin-left:30px ;
        }
    </style>
</head>
<body>
    <div id="logo">
        <img src="./img/logo_baidu.jpg" alt="logo">
    </div>
    <div id="box">
    <p><b>添加注册信息</b></p>
    <form action="#">
        <ul>
       <li><span>邮箱：</span> <input type="text"></li>
        <li><span>密码：</span><input type="password"></li>
       <li><span>确认密码:</span> <input type="password"></li>
        <li><span>验证码：</span><input type="text"><img src="./img/yz.jpg" alt="验证码"><a href="">注册用户</a></li>
        </ul>
        <input type="checkbox">我已热度并接受<a href="#">《百度用户协议》</a><br>
        <button><img src="./img/button.jpg" alt=""></button>     <input class="reset" type="reset" value="重新填写">
    </form>
    </div>
</body>
</html>